// 分类目录的添加功能
let arr = []
$("#btn").on("click", function () {
    // console.log("ok");

    // 表示将表单数据一次性获取到
    // let data = $("form").serialize();
    // 获取用户输入的值
    let title = $('[name="title"]').val().trim();
    let className = $('[ name="className"]').val().trim();
    if (title.length == 0) return alert("请您输入名称")
    if (className.length == 0) return alert("请您输入图标")
    // 发送ajax
    $.ajax({
        type: "post",
        url: "/categories",
        data: {
            title: title, 
            className:className
        },
        success: function (res) {
            // console.log(res);
            arr.push(res)
            // console.log(arr);
            render()

            // 清空添加完成后的数据
            $('[name="title"]').val("")
            $('[ name="className"]').val("")


        }
    })
})

// 封装一个render函数 用于渲染页面的 template模板
function render() {
    let html = template("cTpl", { data: arr })
    // console.log(html);
    $("tbody").html(html);
}

// 查询分类
$.ajax({
    type: "get",
    url: "/categories",
    success:function(res){
        arr=res
        render()
    }

})